<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="google" content="notranslate" />
	<title>${productEnv.title}</title>


	<link href="../static/extjs/build/classic/theme-triton/resources/theme-triton-all.css"  rel="stylesheet" type="text/css" />
	<link href="../static/extjs/build/examples/kitchensink/triton-en/resources/KitchenSink-all.css"    rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="../static/css/style.css" />
	<link rel="stylesheet" href="../static/css/jquery.fileupload.css">
	
	<script src="../static/js/jquery-3.3.1.min.js" type="text/javascript" ></script>
	<script src="../static/js/jquery.ui.widget.js" type="text/javascript" ></script>
	<script src="../static/js/jquery.iframe-transport.js" type="text/javascript" ></script>
	<script src="../static/js/jquery.fileupload.js" type="text/javascript" ></script>



    <asset:javascript src="spring-websocket" />
    <script type="text/javascript">
        $(function() {

            var socket = new SockJS("${createLink(uri: '/stomp')}");
            var client = Stomp.over(socket);

            client.connect({}, function() {
                client.subscribe("/topic/notice", function(message) {
                    console.log(message.body);
                });
            });

            $("#helloButton").click(function() {
                client.send("/app/hello", {}, JSON.stringify("world"));
            });
        });
    </script>

    <script src="../static/extjs/build/ext-all.js" type="text/javascript"></script>
	<script src="../static/extjs/build/classic/locale/locale-zh_CN.js" type="text/javascript"></script>
	<script src="../static/js/file_type.js" type="text/javascript"></script>
	<script src="../static/js/meeting.js" type="text/javascript"></script>
	<script src="../static/js/file.js" type="text/javascript"></script>
	<script src="../static/js/config.js" type="text/javascript"></script>
	<script src="../static/js/common.js" type="text/javascript"></script>
	<script>
		eval('var fileTypes = ${fileTypes.encodeAsRaw()}')
		
		Ext.define('MyApp.view.main.MainController', {
            extend : 'Ext.app.ViewController',
			routes : {
                ':id1/:id2/:id3/:id4' : 'onHandle',
				':id1/:id2/:id3' : 'onHandle',
				':id1/:id2' : 'onHandle',
				':id' : 'onHandle'
            },
			onHandle : function(id1,id2,id3,id4) {
         	}
        });

      	Ext.on("resize", function(){appPanel.updateLayout()}, this);

        Ext.application({
            name: "MyApp",
            listen : {
                controller : {
                    '#' : {
                        unmatchedroute : 'onUnmatchedRoute'
                    }
                }
            },
			
			mainView: 'MyApp.view.main.MainController',
            onUnmatchedRoute : function(hash) {
                console.error("on unmatched route")
            },

            launch: function() {
            	Ext.tip.QuickTipManager.init();
                Ext.EventManager.onWindowResize(function(width,height) {});
                window.appPanel = Ext.create('Ext.panel.Panel', {
                    title:"${productEnv.title}",
                    layout: 'border',
                    frame:false,
                    frameHeader:false,
                    defaults: {
                        collapsible: false,
                        split: false,
                        bodyPadding: 0,
                        border:false
                    }, 
                    height:'100%',
                    width: '100%', 
                    dockedItems: [
                        {
                            xtype: 'toolbar',
                            dock: 'top',
                            items: [
                                {
                                    text:'类型维护',
                                    plain:true,
                                    iconCls:'x-fa fa-flag',
                                    plan:true,
                                    xtype: 'button',
                                    handler:function() {
                                    	fileTypeWindow.show()        
                                    }
                                }/*,
                                {
                                    text:'系统设置',
                                    plain:true,
                                    iconCls:'x-fa fa-cogs',
                                    plan:true,
                                    xtype: 'button',
                                    handler:function() {
                                        configWindow.show()
                                    }
                                }*/
                            ]
                        }
                    ],
                    items:[
	                    {
                            title: '',
                            header:false,
                            split:true,
                            region: 'west',
                            layout:'vbox',
                            width: 501,
                            height:'100%',
                            scrollable: true,
                            items:[
                                {
                                    xtype:'container',
                                    html:'',
                                    height:0,
                                },
                                meeting
                            ]
                        },
                    	{
                    		title: '',
                            //header:false,
                            //split:true,
                            region:'center',
                            layout:'vbox',
                            width: 155,
                            //height:'100%',
                            //scrollable: true,
                            items:[
                                {
                                    xtype:'container',
                                    html:'',
                                    height:0,
                                },
                                file
                            ]
	                    }
                    ],
					renderTo: Ext.getBody()
                });    


            }
        })
	</script>	

</head>
<body>




</body>
</html>